/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      告警      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Secure-MapView-alarm {
  position: absolute;
  pointer-events: none;

  /* ============================== 隐藏 ============================== */
  &-hide {
    display: none;
  }

  &::before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 1px;
    left: 1px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
  }

  img {
    pointer-events: initial;
    cursor: pointer;

    &:hover + div {
      opacity: 1;
    }
  }

  /* ============================== 文字 ============================== */
  > div {
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: 100%;
    line-height: 24px;
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px 2px var(--Black2);
    background: var(--White);
    white-space: nowrap;
    transform: translate(-50%, -10px);
    transition: 0.3s;

    .MajorTitle {
      padding-top: 0;
      padding-bottom: 4px;
    }
  }
}
